'use strict';

const PropTypes = require('prop-types');

const React = require('react');
const {
  View,
  StyleSheet,
  Animated,
  Easing
} = require('react-native');
const {
  JDDevice,
  JDText,
  JDMarquee
} = require('@areslabs/jdreact-core-lib');
const PageContainer = require('../../components/PageContainer');

class JDMarqueeExample extends React.Component {
  render() {
    return (
      <PageContainer
        title={this.props.title}>
        <JDMarquee style={[styles.marquee, styles.marquee2]}>一个用于显示文本的React组件，并且它也支持嵌套、样式，以及触摸处理。在下面的例子里，嵌套的标题和正文文字会继承来自styles.baseText的fontFamily字体样式，不过标题上还附加了它自己额外的样式。</JDMarquee>
      </PageContainer>
    )
  }
}

const styles = StyleSheet.create({
  marquee:{
    color: '#FFF',
    fontSize: 18,
    fontStyle: 'italic',
    lineHeight: 40,
    height:40,
    backgroundColor: '#F8CF5F',
    alignSelf: 'stretch',
  },

  marquee2: {
    marginTop: 20,
    color: '#F00'
  }
});

module.exports = JDMarqueeExample;
